<template>
  <fieldset>
    <legend>商品详情页</legend>
    <h1> {{ msg }}</h1>
  </fieldset>
</template>
<script>
// 1.获取动态路由参数（数据id）
// 2.根据Id发送请求，获取数据详情 http://chst.vip:1234/api/getmoneyctrlproduct?productid=20
// 3.渲染数据

export default {
  data() {
    return {
      msg: ""
    };
  },
  mounted() {
    // 获取产品id
    let productid = this.$route.params.productid;
    // 请求数据
    fetch("http://chst.vip:1234/api/getmoneyctrlproduct?productid=" + productid)
      .then((body) => body.json())
      .then((res) => {
        console.log(res);
        this.msg = res.result[0].productInfo2
      });
  },
};

</script>